<template>
  <MrCustom bg-color="bg-gradual-blue " is-back>
    <template #backText>
      返回
    </template>
    <template #content>身份认证</template>
  </MrCustom>
  <view class="bg-white radius flex flex-direction padding justify-center">
    <view class="bg-white margin-sm padding-sm radius-lg" @click="patientLink">
      <view class="bg-img bg-mask padding-sm margin-sm radius-lg"
            style="background-image: url('https://scpic.chinaz.net/files/default/imgs/2022-12-12/fef7250bf2e7a567.jpg');height: 360rpx;">
        <view class="padding-xl text-white">
          <view class="padding-xs text-sl text-bold">
            患者/病人
          </view>
          <view class="padding-xs text-df">
            需要获得专业治疗和护理
          </view>
        </view>
      </view>
    </view>
    <view class="bg-white margin-sm padding-sm radius-lg" @click="nurseLink">
      <view class="bg-img bg-mask padding-sm margin-sm radius-lg"
            style="background-image: url('https://tppic.chinaz.net/files/tupian/pic9/202004/zzpic24175_900.jpg');height: 360rpx;">
        <view class="padding-xl text-white">
          <view class="padding-xs text-sl text-bold">
            专业医护
          </view>
          <view class="padding-xs text-df">
            具有优秀的技术素养和良好的文化素质以及强硬的心理素质
          </view>
        </view>
      </view>
    </view>
  </view>
</template>

<script setup lang="ts">
import MrCustom from "@/components/common/MrCustom.vue";

const patientLink = () => {
  uni.navigateTo({
    url: '/pages/patient/info/create'
  })
}
const nurseLink = () => {
  uni.navigateTo({
    url: '/pages/nurse/info/apply'
  })
}
const specialistLink = () => {
  uni.navigateTo({
    url: '/pages/specialist/info/apply'
  })
}

</script>

<style>

</style>